<template>
<view class="personal">
  <view class="title">{{personalData.names}}</view>
  <div class="personal-item">
      <p> 取号量：{{personalData.sum}}</p>
      <p> 已接办：{{personalData.ybj}}</p>
      <p> 等待中：{{personalData.ddz}}</p>
  </div>
</view>
</template>

<script>
export default {
  name: "Personal",
  props: {
    personalData: {
      type: Object
    }
  }
}
</script>

<style scoped>
/*.personal-item {*/
/*  display: flex;*/
/*  display: -webkit-flex;*/
/*  flex-wrap: wrap;*/
/*}*/
.personal {
  padding: 1rem;
  margin-top: 1rem;
}
.title {
  margin-bottom: 1rem;
}
.personal-item p {
  line-height: 10vw;
  font-size: 3.3vw;
  color: #999999;
}
.personal-item p:nth-child(1) {
  flex: 1;
}
.personal-item p:nth-child(2) {
  flex: 2;
}
</style>